// stylelint-disable property-disallowed-list, declaration-no-important

//
// Border shims
//

.border-left {
    @extend .border-start;
}

.border-left-0 {
    @extend .border-start-0;
}

.border-right {
    @extend .border-end;
}

.border-right-0 {
    @extend .border-end-0;
}


//
// Border radius
//

.rounded,
.rounded-0,
.rounded-1,
.rounded-2,
.rounded-3,
.rounded-4,
.rounded-5,
.rounded-pill,
.rounded-circle {
    border-radius: var(--border-radius) !important;
}

.rounded,
.rounded-1,
.rounded-2,
.rounded-3,
.rounded-4,
.rounded-5 {
    --border-radius-inner: calc(var(--border-radius) - 1px);
}

.rounded-pill,
.rounded-circle {
    --border-radius-inner: var(--border-radius);
}

.rounded-0 {
    --border-radius-inner: 0;
    --btn-border-radius: 0;
}

.rounded-left,
[class*=rounded-start-] {
    border-end-start-radius: var(--border-radius-start) !important;
    border-start-start-radius: var(--border-radius-start) !important;
}

.rounded-right,
[class*=rounded-end-] {
    border-start-end-radius: var(--border-radius-end) !important;
    border-end-end-radius: var(--border-radius-end) !important;
}

.rounded-top,
[class*=rounded-top-] {
    border-start-start-radius: var(--border-radius-top) !important;
    border-start-end-radius: var(--border-radius-top) !important;
}

.rounded-bottom,
[class*=rounded-bottom-] {
    border-end-end-radius: var(--border-radius-bottom) !important;
    border-end-start-radius: var(--border-radius-bottom) !important;
}


//
// Border-radius shims for legacy naming support
//

.rounded-sm     { @extend .rounded-1; }
.rounded-lg     { @extend .rounded-3; }
.rounded-xl     { @extend .rounded-4; }
.rounded-xxl    { @extend .rounded-5; }
.rounded-left   { @extend .rounded-start; }
.rounded-right  { @extend .rounded-end; }

